@charset "utf-8";

/*!
 * fullPage 2.8.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

.fp-enabled body,
html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fp-slide {
	float: left
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.fp-slidesContainer {
	float: left;
	position: relative
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}

.fp-scrollable {
	overflow: hidden;
	position: relative
}

.fp-scroller {
	overflow: hidden
}

.iScrollIndicator {
	border: 0!important
}

.fp-notransition {
	-webkit-transition: none!important;
	transition: none!important
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
	right: 17px
}

#fp-nav.left {
	left: 17px
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fp-slidesNav.bottom {
	bottom: 17px
}

.fp-slidesNav.top {
	top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}

.fp-slidesNav ul li {
	display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
	height: auto!important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto!important
}

.mod_banner_show {
	position: relative
}

.banner_show_list {
	background-color: #000
}

.banner_show__item,
.banner_show_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.banner_show__item {
	display: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.banner_show__item_focus {
	position: absolute;
	left: 50%;
	top: 320px;
	margin-left: -430px;
	width: 860px;
	height: 400px
}

.banner_show__item_pic {
	display: block;
	width: 860px;
	height: 400px
}

.banner_show__text,
.banner_show_nav__item_con,
.banner_show_title {
	display: block;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/sprite_index_banner.png?max_age=2592000&v=fe3dbc38c60108b9421d75ae45c107e6);
	background-repeat: no-repeat;
	text-indent: -9999px
}

.banner_show__item--1 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/banner_thumb_1.jpg?max_age=2592000&v=3c0ee8f26ec6c50fa6600215e2a869c3)
}

.banner_show__item--2 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/banner_thumb_2.jpg?max_age=2592000&v=6c7399d7da752d47eecd30d2adf259f3)
}

.banner_show__item--3 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/banner_thumb_3.jpg?max_age=2592000&v=6bf2cf998d53dabffd1920993274c4d5)
}

.banner_show__item--4 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/banner_thumb_4.jpg?max_age=2592000&v=72be337c7746465c59d2f022b506f1d2)
}

.banner_show_content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	margin-left: -250px;
	margin-top: -50px
}

.banner_show__con,
.banner_show__tit {
	position: relative;
	width: 500px
}

.banner_show__tit,
.banner_show_title {
	height: 100px
}

.banner_show__tit {
	margin-bottom: 15px
}

.banner_show__text,
.banner_show_title {
	position: absolute;
	left: 0;
	top: 0;
	width: 500px
}

.banner_show_title--1 {
	background-position: 0 0
}

.banner_show_title--2 {
	background-position: 0 -100px
}

.banner_show_title--3 {
	background-position: 0 -200px
}

.banner_show__con,
.banner_show__text {
	height: 30px
}

.banner_show__con {
	margin-bottom: 25px
}

.banner_show__text--1 {
	background-position: 0 -300px
}

.banner_show__text--2 {
	background-position: 0 -330px
}

.banner_show__text--3 {
	background-position: 0 -360px
}

.banner_show__text--4,
.banner_show_join_btn,
.banner_show_title--4 {
	position: absolute;
	left: 290px;
	width: 400px;
	text-align: center;
	white-space: nowrap;
	color: #fff
}

.banner_show_title--4 {
	top: -104px;
	font-size: 48px;
	font-weight: 400
}

.banner_show__text--4 {
	top: -146px;
	font-size: 26px;
	font-weight: 300
}

.banner_show_join_btn {
	top: 50px;
	left: 370px;
	display: block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	border-radius: 99px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 26px
}

.banner_show_join_btn:hover {
	background-color: #fff;
	color: #31c27c;
	text-decoration: none
}

.banner_show_btn {
	display: block;
	width: 320px;
	height: 64px;
	line-height: 64px;
	font-size: 34px;
	text-align: center;
	margin: 0 auto;
	border-radius: 99px;
	background-color: #31c27c;
	color: #fff;
	overflow: hidden
}

.banner_show_btn:hover {
	background-color: #2caf6f;
	color: #fff;
	text-decoration: none
}

.banner_show__item_focus,
.banner_show__text,
.banner_show__text--4,
.banner_show_btn,
.banner_show_join_btn,
.banner_show_title,
.banner_show_title--4 {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden\9;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.banner_show_title--4 {
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.banner_show__text,
.banner_show__text--4 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.banner_show_btn,
.banner_show_join_btn {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.play {
	-webkit-transform: none;
	opacity: 1;
	visibility: visible\9
}

.banner_show_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 164px;
	background: url(img/dot_b15.png) repeat;
	background: rgba(0, 0, 0, .1)
}

.banner_show_nav .container {
	position: relative;
	height: 100%
}

.banner_show_nav__line {
	position: absolute;
	left: 50px;
	top: 0;
	width: 300px;
	height: 3px;
	z-index: 10;
	background: #fff;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	transition: transform .5s;
	-webkit-transition-timing-function: cubic-bezier(1, .01, 0, 1.22);
	-moz-transition-timing-function: cubic-bezier(1, .01, 0, 1.22);
	transition-timing-function: cubic-bezier(1, .01, 0, 1.22)
}

.banner_show_nav__item {
	float: left;
	*display: inline;
	width: 300px;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.banner_show_nav__item_con {
	width: 300px;
	height: 100px;
	margin-top: 15px
}

.banner_show_nav__item--1 .banner_show_nav__item_con {
	background-position: -500px 0
}

.banner_show_nav__item--2 .banner_show_nav__item_con {
	background-position: -500px -100px
}

.banner_show_nav__item--3 .banner_show_nav__item_con {
	background-position: -500px -200px
}

.banner_show_nav__item--4 .banner_show_nav__item_con {
	background-position: -1100px 0
}

.banner_show_nav__item--current,
.banner_show_nav__item:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.banner_show_nav__item--current.banner_show_nav__item--1 .banner_show_nav__item_con {
	background-position: -800px 0
}

.banner_show_nav__item--current.banner_show_nav__item--2 .banner_show_nav__item_con {
	background-position: -800px -100px
}

.banner_show_nav__item--current.banner_show_nav__item--3 .banner_show_nav__item_con {
	background-position: -800px -200px
}

.banner_show_nav__item--current.banner_show_nav__item--4 .banner_show_nav__item_con {
	background-position: -1100px -100px
}

.feature_box {
	position: relative;
	height: 100%;
	overflow: hidden
}

.feature_bg {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: center center
}

.feature_bg--1 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/feature_thumb_1.jpg?max_age=2592000&v=3c3189a98cf989430acc19aca893c961)
}

.feature_bg--2 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/feature_thumb_2.jpg?max_age=2592000&v=0ddce5e49e4544b2019934e43138b5f6)
}

.feature_bg--3 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/feature_thumb_3.jpg?max_age=2592000&v=092ab7556d638ae3222f871711a26f9f)
}

.feature_bg--4 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/gallery/feature_thumb_4.jpg?max_age=2592000&v=1ffbdd62e1cdbdfb9343e86345fb1444)
}

.feature_intro {
	position: relative;
	padding-top: 40px;
	height: 360px;
	z-index: 20
}

.feature_intro .container {
	position: relative;
	z-index: 300
}

.feature_item_shape,
.feature_text,
.feature_title,
.ft_privi_icon {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 0
}

.ft_privi_icon {
	display: inline-block;
	width: 100px;
	height: 100px
}

.ft_privi_icon--hq_download {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -408px -496px
}

.ft_privi_icon--sq_download {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -598px
}

.ft_privi_icon--pay_download {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -102px -598px
}

.ft_privi_icon--style_theme {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -204px -598px
}

.ft_privi_icon--geci_font {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -306px -598px
}

.ft_privi_icon--danmu_pop {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -496px
}

.ft_privi_icon--qqmusic_shou {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -102px -496px
}

.ft_privi_icon--flash_svip {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -408px -598px
}

.ft_privi_icon--spec_icon {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -306px -496px
}

.ft_privi_icon--grow_speed {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -204px -496px
}

.ft_privi_icon--qqzone_bgm {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -510px -496px
}

.ft_privi_icon--style_bgm {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: -612px -496px
}

.feature_title {
	margin: 0 auto 25px;
	width: 460px;
	height: 60px
}

.feature_con {
	text-align: center
}

.feature_text {
	margin: 0 auto 0;
	width: 740px;
	height: 60px
}

.ft_privi_text {
	display: block;
	text-align: center;
	font-size: 14px
}

.feature_title--1 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -310px
}

.feature_title--2 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -372px
}

.feature_title--3 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -434px
}

.feature_title--4 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -248px
}

.feature_text--1 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 0
}

.feature_text--2 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -62px
}

.feature_text--3 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -124px
}

.feature_text--4 {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/feature.png?max_age=2592000&v=a354e71c389d0a188273b73bec9899a5);
	background-position: 0 -186px
}

.ft_privi_list {
	text-align: center
}

.ft_privi_item {
	display: inline-block;
	margin: 0 10px;
	width: 150px;
	text-align: center;
	color: #aaa
}

.feature_item_shape {
	position: absolute;
	left: 50%
}

.feature_item_shape--1_1 {
	margin-left: -188px;
	top: 0;
	width: 1100px;
	height: 1000px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: 0 0
}

.feature_item_shape--1_2 {
	margin-left: 400px;
	top: -180px;
	width: 360px;
	height: 300px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: 0 -1604px
}

.feature_item_shape--1_3 {
	margin-left: -880px;
	bottom: 0;
	width: 800px;
	height: 600px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -822px -1002px
}

.feature_item_shape--2_1 {
	margin-left: 200px;
	bottom: 0;
	width: 740px;
	height: 580px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2044px 0
}

.feature_item_shape--2_2 {
	margin-left: 445px;
	top: -210px;
	width: 120px;
	height: 120px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2246px -1406px
}

.feature_item_shape--2_3 {
	margin-left: -570px;
	top: -110px;
	width: 200px;
	height: 180px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2044px -1406px
}

.feature_item_shape--3_1 {
	margin-left: 130px;
	top: 0;
	width: 820px;
	height: 600px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: 0 -1002px
}

.feature_item_shape--3_2 {
	margin-left: 390px;
	top: -60px;
	width: 375px;
	height: 320px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -1624px -1002px
}

.feature_item_shape--3_3 {
	margin-left: -810px;
	top: -160px;
	width: 640px;
	height: 340px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2044px -1064px
}

.feature_item_shape--4_1 {
	margin-left: -810px;
	top: 0;
	width: 940px;
	height: 700px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -1102px 0
}

.feature_item_shape--4_2 {
	margin-left: 145px;
	top: -480px;
	width: 310px;
	height: 320px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: 0 -1906px
}

.feature_item_shape--4_3 {
	margin-left: -420px;
	top: -70px;
	width: 120px;
	height: 120px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2368px -1406px
}

.feature_item_shape--4_4 {
	margin-left: 280px;
	bottom: 0;
	width: 640px;
	height: 480px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/ftshape.png?max_age=2592000&v=0af7c63e127a4efd7f93d1b8419905d1);
	background-position: -2044px -582px
}

.feature_item_shape,
.feature_text,
.feature_title,
.ft_privi_item {
	opacity: 0;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1);
	transition: all .5s cubic-bezier(.19, 1, .22, 1)
}

.feature_text,
.feature_title,
.ft_privi_item {
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}

.feature_item_shape {
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

.feature_item_shape--1_2,
.feature_item_shape--3_2,
.feature_item_shape--3_3 {
	-webkit-transform: translate(30px, -30px);
	transform: translate(30px, -30px)
}

.feature_item_shape--2_2,
.feature_item_shape--2_3,
.feature_item_shape--4_2,
.feature_item_shape--4_3 {
	-webkit-transform: translate(-30px, -30px);
	transform: translate(-30px, -30px)
}

.feature_title {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.feature_text {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.ft_privi_list .ft_privi_item {
	-webkit-transition-duration: .8s;
	transition-duration: .8s
}

.ft_privi_list .ft_privi_item:nth-of-type(1) {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.ft_privi_list .ft_privi_item:nth-of-type(2) {
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}

.ft_privi_list .ft_privi_item:nth-of-type(3) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.ft_privi_list .ft_privi_item:nth-of-type(4) {
	-webkit-transition-delay: 1.05s;
	transition-delay: 1.05s
}

.ft_privi_list .ft_privi_item:nth-of-type(5) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s
}

.ft_privi_list .ft_privi_item:nth-of-type(6) {
	-webkit-transition-delay: 1.15s;
	transition-delay: 1.15s
}

.ft_privi_list .ft_privi_item:nth-of-type(7) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s
}

.feature_item_shape--1_1,
.feature_item_shape--2_1,
.feature_item_shape--3_1,
.feature_item_shape--4_1 {
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}

.feature_item_shape--1_2,
.feature_item_shape--2_2,
.feature_item_shape--3_2,
.feature_item_shape--4_2 {
	-webkit-transition-delay: 1.15s;
	transition-delay: 1.15s
}

.feature_item_shape--1_3,
.feature_item_shape--2_3,
.feature_item_shape--3_3,
.feature_item_shape--4_3 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.active .feature_item_shape,
.active .feature_text,
.active .feature_title,
.active .ft_privi_item {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

.banner_show_down {
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 20;
	display: block;
	width: 30px;
	height: 16px;
	background: url(img/arrow_down.png) no-repeat;
	margin-left: -15px;
	opacity: .7;
	text-indent: -9999px;
	overflow: hidden
}

.banner_show_down:hover {
	opacity: 1;
	color: #fff
}

.mod_control {
	position: fixed;
	z-index: 100;
	right: 2.5%;
	top: 50%;
	width: 44px;
	height: 412px;
	margin-top: -206px
}

.mod_tag {
	width: 10px;
	margin: 0 auto
}

.mod_tag .control_item--link {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background: url(img/dot_w3.png) repeat;
	background: rgba(255, 255, 255, .5);
	margin-bottom: 20px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0
}

.mod_tag .control_item.active .control_item--link {
	background-color: #fff
}

.mod_tool_bar,
.tool_bar__icon,
.tool_bar__qrcode,
.tool_bar__qrcode_mini {
	display: block;
	background-repeat: no-repeat
}

.mod_tool_bar {
	width: 44px;
	height: 272px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: 0 -244px
}

.tool_bar__item {
	display: block;
	padding: 12px 7px
}

.tool_bar__icon {
	position: relative;
	display: block;
	width: 30px;
	height: 30px
}

.tool_bar__icon_qq {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -274px -192px
}

.tool_bar__icon_wechat {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -46px -244px
}

.tool_bar__icon_buluo {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -78px -244px
}

.tool_bar__icon_exchange {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -110px -244px
}

.tool_bar__icon_service {
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -142px -244px
}

.tool_bar__qrcode,
.tool_bar__qrcode_mini {
	position: absolute;
	right: 42px;
	text-align: center;
	color: #fff;
	font-size: 14px
}

.tool_bar__qrcode_mini p {
	line-height: 38px
}

.tool_bar__qrcode {
	top: -85px
}

.tool_bar__qrcode {
	width: 153px;
	height: 232px;
	padding-right: 7px;
	padding-top: 10px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: 0 0
}

.tool_bar__qrcode_mini {
	width: 102px;
	height: 38px;
	padding-right: 8px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/sprite/tool_bar.png?max_age=2592000&v=3df739cebbc732004ff259dd8f7baecd);
	background-position: -162px -192px
}

.tool_bar__qr_pic {
	display: block;
	width: 132px;
	height: 132px;
	margin: 8px auto 8px
}

.tool_bar__qrcode_sp {
	color: #fff45c;
	font-size: 16px;
	line-height: 1.4
}

.tool_bar__qrcode_sp .sp_txt {
	color: #fff;
	font-size: 22px
}

.tool_bar__qrcode,
.tool_bar__qrcode_mini {
	pointer-events: none;
	opacity: 0;
	visibility: hidden\9;
	-webkit-transform-origin: 0 50%;
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 25deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 25deg);
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s
}

.tool_bar__icon:hover .tool_bar__qrcode,
.tool_bar__icon:hover .tool_bar__qrcode_mini {
	pointer-events: auto;
	opacity: 1;
	visibility: visible\9;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
}

.footer {
	display: none
}